<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	
	<title>高度自适应布局</title>
	
	<meta http-equiv="cache-control" content="max-age=0"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>
	<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/>
	<meta http-equiv="pragma" content="no-cache"/>
	<style type="text/css">
		html,body{ height:100%;}
		body,div{ margin:0; padding:0; color:#F00;}
		* html{ padding-top:100px;}/*for ie6*/
		.top{ background:#36C; height:100px;}
		* html .top{ background:#36C; height:100px; position:absolute; top:0; width:100%;}/*for ie6*/
		.main{ background:#F90; position:absolute; top:100px; bottom:20px; overflow:auto;}
		* html .main{ background:#F90; position:static; height:100%;}/*for ie6*/
	    /*主面板样式*/
	    
	    #container { 
	         width:980px; 
	         margin:0px auto;/*主面板DIV居中*/
	    }
	    /*顶部面板样式*/
	     #header {
	         width:100%;
	         /*
	         border:1px #F00 solid; */
	     }
	     /*中间部分面板样式*/
	     #main {
	       width:980px;
	       /*    height:400px;
	         border:1px #F00 solid; */
	     } 
	     /*底部面板样式*/
	     #footer {
			width:980px;
			height:20px;
			background-color: green;
			/*
			border:1px #F00 solid; */
			position:absolute; 
			bottom:0px; 
			text-align:center; 
			z-index:2; 
			overflow:hidden; 
	     }
	</style>    
</head>
<body>
	<div id="container">
		<div id="header" class="top">顶部（header）</div>
		<div id="main" class="main">主体部分（main）</div>
		<div id="footer">底部（footer）</div>
	</div>
</body>
</html>
